<template>
	<div>
		<div class="view">
			<a-result status="404" title="未找到 404" sub-title="Sorry, the page you visited does not exist.">
				<template #extra>
					<a-button type="primary" @click="toRefresh"> 刷新页面 </a-button>
					<a-button type="primary" @click="toHome"> 回到首页 </a-button>
				</template>
			</a-result>
		</div>
	</div>
</template>

<script lang="ts" setup>
import { computed, defineComponent, getCurrentInstance, onBeforeMount, reactive, ref } from "vue";
const toHome: any = () => {};
const toRefresh: any = () => {};
</script>
<style lang="less">
.view {
	width: 100%;
	height: 100%;
	color: var(--color);
	background: url("@/assets/err.svg") center center no-repeat;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
</style>
